.container{width: 960px; margin: 0px auto; margin-top: 20px;}

.side{float:left; width: 220px; background: #fff; padding: 15px;}
.side .header-ico{float:left; margin-right: 10px;}
.side .nick{color: #4890CE; font-size: 14px;}
.side .email{color: #999;}
.side .gender{display: block; color: #666; margin-top: 3px;}
.side .setting{color: #4890CE; display: block;}
.side .desc{color: #666; margin-bottom: 10px;}
.side .desc a{color: #4890CE;  margin-left: 5px;}
.side .city{margin: 10px 0px; display: block; color: #666;}
.side .city a{color: #4890CE; margin-left: 5px;}
.side .follows{text-align: center; padding: 10px 10px; background: #efefef; margin-bottom: 15px;  color:#666;}
.side .follows .item{float:left; width: 50px;}
.side .follows .num{margin: 0px 5px; color: #EF2863; font-weight: bold;}
.side .follow{padding: 5px 10px; background: #4A96CE; color: #fff; float:right; margin-top: 5px;}
.side .unfollow{padding: 5px 10px; background: #999; color: #fff; float:right; margin-top: 5px;}
.side .nav{border-top: solid 1px #cfcfcf;}
.side .nav a{display: block; border: solid 1px #cfcfcf; border-top: 0; padding: 10px 0px;padding-left: 20px; color: #666; background: #efefef;}
.side .nav a.selected{background: #fff;}
.side .nav a:hover{background: #f5f5f5;}

.main{width: 700px; float: left; margin-left: 10px;}


.trends{background: #DEE8F2; padding: 15px; background: #fff; padding: 15px;}
.trends .t-top{ border-bottom: solid 1px #cfcfcf; }
.trends .t-top ul{float:right; margin-right: 15px; border-right: solid 1px #cfcfcf;}
.trends .t-top h3{float:left; font-size: 16px; color: #444; padding: 15px 15px 0px 15px;}
.trends .t-top ul li{float: left; height:50px; line-height: 50px; border-left: solid 1px #cfcfcf; border-top: solid 1px #cfcfcf; padding: 0px 20px; font-size: 14px;}
.trends .t-top ul li.selected{border-bottom:solid 1px #fff; margin-bottom: -1px;}
.trends .t-top ul li.selected a{color: #4890CE; font-weight: bold;}
.trends .t-top ul li a{ color: #666;}

.trends .t-c {color: #666;}
.trends .t-c a{color: #4890CE; padding: 0px 5px;}
.trends .t-c a:hover{text-decoration: underline;}
.trends .t-c .zj img{height: 50px; width: 50px; vertical-align: middle; margin: 0px 10px;}
.trends .t-c .zj li{padding: 10px 0px; border-bottom: dotted 1px #cfcfcf; padding-left: 15px;}
.trends .t-c .zj .from{margin-left: 50px; color: #ccc;}
.trends .t-c .zj .from a{color: #A4C7E7;}
.trends .t-c .zj .time{color: #ccc; float: right; margin-right: 15px;}

.trends .t-c .xx li{padding: 10px 0px; border-bottom: dotted 1px #cfcfcf; padding-left: 15px;}
.trends .t-c .xx img{height:60px; width:60px; float: left; margin-right: 10px; }
.trends .t-c .xx .time{color: #ccc; float: right; margin-right: 15px;}
.trends .t-c .xx .city{margin: 0px 5px;}
.trends .t-c .pl li{padding: 10px 0px; border-bottom: dotted 1px #cfcfcf; padding-left: 15px;}
.trends .t-c .pl .img{height: 120px; width: 120px; position:absolute; margin-right: 10px;}
.trends .t-c .pl .items{border: solid 1px #dfdfdf; margin-left: 130px; padding: 10px;}
.trends .t-c .pl .items .item{margin-bottom: 10px;}
.trends .t-c .pl .nick{padding-left: 0px;}
.trends .t-c .pl .items img{width: 50px; height: 50px; float: left; margin-right: 10px;}

.trends .t-b{text-align: center; margin-top: 10px;}
.trends .t-b a{color: #4890CE; padding: 0px 5px;}
.trends .t-b a:hover{text-decoration: underline;}

/*list*/
.list .box{width:200px; width: 192px; padding: 15px 15px 0; font-size: 12px; margin:10px 0px;
background-color: white;}

.list .box .des{ margin: 5px 0px;}
.list .box ul li{margin: 0px -15px; padding: 10px 15px;  background: #f3f3f3;}
.list .box ul li a{color: #4890CE;}
.list .box ul li .time{color: #999; display: block;}
.list .box ul li img{width: 30px; height: 30px;}
.list .box ul li a.img{float: left; display: block; padding-right: 10px; padding-top: 3px;}











